@import "css3";
@size: 12px;
body{ font-family: 'Microsoft Yahei', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'sans-serif'; font-size: @size; background-color: #FFFFFF; margin: 0; padding: 0; -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/  -ms-user-select:none;/*IE10*/
  ul,li {padding: 0;margin: 0;list-style: none;  }
  a{color: #000000; text-decoration: none;}
  a:hover{text-decoration: none;color: #000000;  }
  a,img {border: 0;}
  p, input, h1, h3, h4, textarea, form, em{
    margin:0;
    padding:0;
    border:0;
    background-color: transparent;
  }
}
//背景图
.ryan{ width: 100%; ; z-index: 1; position: fixed;}
//公共的
form{ z-index: 3; position: absolute; top: 0; left: 0; width: 100%;}
.same{ margin: 0 auto; text-align: center; color: #fff;}
//头部
.hender-top{
  img{ margin-top: 45px; width: 85%; max-width: 428px;}
  h3{ font-size: @size + 2;  font-family: 'Arial';}
  p{ border-bottom: 1px solid #fff; width: 85%; margin: 10px auto;}
}
//中间
.hender-center{
  .center-same{ width: 270px; margin: 0 auto; position: relative; overflow: hidden; zoom: 1;
    .title{ float: left;
      span{ margin: 0 5px;}
      .more{ margin-left: 25px; width: 15px; height: 15px; }
    }
    .last-span{
      .span1{ display: block; float: left; margin: 0;}
      .more{ margin-left: 40px; margin-top: 12px;}
    }
    .text{ position: absolute; bottom: 2px; left: 38%; display: none;}
    .school-html{ margin-bottom: 10px; text-align: left;
      .school-course{ margin-bottom: 10px;}
    }
  }
  input{ border: 1px solid #999; background-color: #fff; height: 22px; line-height: 22px; .border-radius(6px); padding-left: 5px; margin-left: 15px; margin-bottom: 22px;}
  select{ .border-radius(6px); width: 155px; height: 22px; text-align: center; margin-left: 15px; margin-bottom: 22px;}
  .cenner-button{ width: 57%; margin-right: 20px; float: right; background: url("../images/button_03.png"); color: #fff; border: 0;}
}
//浮层
.mask{ width: 100%; background: url("../images/bg-float_03.png");position: fixed;top: 0; left: 0; display: none;}
.school-form{ display: none; width: 100%; position: fixed; top: 0; left: 0; overflow: scroll;
  //选择学校
  .school-name{ width: 250px; height: 200px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -125px; color: #fff; text-align: center;  display: none; .border-radius(8px);background: url("../images/bg-float_03.png");
    input{ margin-left: 20px; margin-top: 20px; width: 17px; height: 17px;}
    .school{ font-size: @size + 4;
      .confirm-button{ background: url("../images/button_03.png"); color: #fff; border: 0; width: 40%; height: 22px; .border-radius(6px); margin-top: 20px; margin-left: 0;}
    }
    .school:first-child{ margin-top: 20px;}
  }
  //选择课程
  .course-name{ display: none; width: 290px; height: 100%; margin: 0 auto; color: #fff;
    .info-course{margin-top: 5px; color: red; text-align: center;}
    table{ margin-top: 5px; display: none;
      tr{
        td{
          h3{
            span{
               background: url("../images/button_03.png"); padding: 0 10px; .border-radius(4px);}
            }
        }
      }
    }
    .course{ text-align: center; margin-bottom: 30px;
      input{ width: 100px; height: 22px; background: url("../images/button_03.png"); color: #fff; .border-radius(6px); margin-top: 20px;}
    }
  }
}

